<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script type="text/javascript">
    var str = 'border-bottom-color'; // borderBottomColor;

    /*() 称为分组，代表把该部分单独的包裹起来，稍微进行使用，从左到右 依次是 第一个分组 第二个分组*/
    var reg = /(-)([a-z])/ig; // [a-z] 代表匹配 a-z中的任何一个

    /* $0参数代表正则匹配出来的部分 $1第一个分组 $2第二个分组....*/
    var newStr = str.replace(reg, function ($0, $1, $2) {
        console.log($0, $1, $2);
        return $2.toUpperCase();
    })
    console.log(newStr, str);


</script>

</html>
